<template lang="pug">
    .col-12
      .row
        .col-2
          i.icon-pos
          span 定位
        .col-8
          .form-group
            input(type="text" placeholder="搜索、菜名、店铺")
            i.icon-search
        .col-2
          i.icon-scan
          span 扫一扫
</template>
<script>
export default {
  name: 'nav-footer'
}
</script>
<style lang="stylus" scoped>
@import "../../assets/stylus/global.styl"
.col-12
  div[class*="col-"]
    height 94px
    &:nth-of-type(2)
      background pink
      .form-group
        relative(50%,50%,left=true)
        attr(400px,45px)
        background green
        form-group(22px)
        $color(#666)
        input 
          attr(100%,100%)
          text-indent 49px
        i 
          absolute(50%,18px,top=true)
    &:nth-of-type(1)
    &:nth-of-type(3)
      background orange
      flex-flow()
      font-size 14px
      i 
        font-size 3em


          


    
      
</style>